loginDialog: Apply CSS to sessionMenuButton according to mockups

https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/922

diff --git a/data/theme/gnome-shell-sass/widgets/_login-dialog.scss b/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
index 31c7b0c29479f4ef625de4a6ffeb2e834767477a..5613d9688a07642ecc0fff0b860d542eaaeaedfd 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
+++ b/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
@@ -69,7 +69,8 @@
     }
   }
 
-  .cancel-button {
+  .cancel-button,
+  .login-dialog-session-list-button {
     padding: 0;
     border-radius: 99px;
     width: $base_icon_size * 2;
@@ -162,13 +163,3 @@
   @include fontsize($base_font_size + 1);
   padding-top: 1em;
 }
-
-.login-dialog-session-list-button StIcon {
-  icon-size: 1.25em;
-}
-
-.login-dialog-session-list-button {
-  color: darken($osd_fg_color,30%);
-  &:hover,&:focus { color: $osd_fg_color; }
-  &:active { color: darken($osd_fg_color, 50%); }
-}

diff --git a/js/gdm/loginDialog.js b/js/gdm/loginDialog.js
index 519f97f7906cee19ae572577749e8df7a7d3a980..68ca8d71e5286a2094d99f9a6b60258eb6176698 100644 (file)
--- a/js/gdm/loginDialog.js
+++ b/js/gdm/loginDialog.js
@@ -312,12 +312,14 @@ var SessionMenuButton = GObject.registerClass({
     _init() {
         let gearIcon = new St.Icon({ icon_name: 'emblem-system-symbolic' });
         let button = new St.Button({
-            style_class: 'login-dialog-session-list-button',
+            style_class: 'modal-dialog-button button login-dialog-session-list-button',
             reactive: true,
             track_hover: true,
             can_focus: true,
             accessible_name: _("Choose Session"),
             accessible_role: Atk.Role.MENU,
+            x_align: Clutter.ActorAlign.CENTER,
+            y_align: Clutter.ActorAlign.CENTER,
             child: gearIcon,
         });